#home {
  overflow: hidden;
    // 头部样式
    .home-header {
      width: 100%;
      height: 60px;
      background-color: #202329;
      display: flex;
      justify-content: center;
      &-box {
        display: flex;
        justify-content: space-between;
        width: 1200px;
        .header-logo{
          height: 60px;
        }
        .header-tab2{
          width: 170px;
          display: flex;
          justify-content: space-between;
        }
        .header-tab3{
          width: 150px;
          display: flex;
          justify-content: space-between;
        }
        .tabbar{
          text-decoration: none;
          color: white;
          line-height: 60px;
        }
        .tabbar:hover{
          color: #5dd5c8;
        }
        .go-button {
          margin: 10px 0 0 0;
          display: flex;
        
          ::v-deep .register-go,
          .login-go {
            color: white;
            border-radius: 20px 20px 20px 20px;
            background-color: rgba(14, 7, 7, 0.884);
            border-color: aqua;
            font-size: 16px;
            height: 40px;
          }
          ::v-deep .go-item:hover {
            color: aqua;
          }

          ::v-deep .el-dropdown{
            color:white;
            font-size: 17px;
            margin-top: 9px;
          }

          ::v-deep .el-icon-arrow-down:hover{
            color: #5dd5c8;
          }
         
        }
      }  
    }
    // 中间内容
    .home-content{
      background-color: rgb(247, 247, 247);
      padding-bottom: 30px;
   
      .big-logo{
        background-color: #5dd5c8;
        width: 100%;
        height: 120px;
        overflow: hidden;

        .logo-photo{
         margin-left: 700px;
        }
      }

      // 搜索框
      .searchBtn{
        width: 900px;
        margin: 20px auto;
        .input-with-select{
          height: 50px;
        }
        ::v-deep .el-input__inner{
          height: 50px;
        }
      }

      // 热门职位
      .hot-jobs{
        width: 900px;
        margin: 20px auto;
        color: rgb(168, 167, 167);
        font-size: 14px;
        
        .hot-job-item{
          margin-left: 30px;
          color: #5dd5c8;
        }
      }
      // 职位列表
      .job-list{
        width: 1200px;
        margin: 70px auto;

        ::v-deep .el-divider__text {
          font-size: 23px;
          background-color:rgb(247, 247, 247) ;
        }

        .job-title{
          width: 400px;
          margin: 0 auto;
          margin-bottom: 40px;
        }


        .job-box{
          font-size: 14px;
          margin-top: 10px;

          &-item{
            background-color: white;
              margin-bottom: 10px;
              padding: 20px 20px 20px 20px;
              display: flex;
              justify-content: space-between;

            .job-left{
              width: 50%;

              .job-box-item-top{
                display: flex;
                justify-content: space-between;
                margin-bottom: 10px;
                padding-bottom: 13px;
                border-bottom: 1px solid rgb(212, 212, 212);
  
                .job-name{
                  font-weight: 550;
                }
                .job-address{
                  color: rgb(168, 167, 167);
                }
                .job-pay{
                  color: rgb(247, 56, 56);
                  font-size: 16px;
                }
                
              }
  
              .job-box-item-bottom{
                display: flex;
                justify-content: space-between;
  
                .company-name{
                  color: #202329;
                }
                .company-type{
                  color: rgb(168, 167, 167);
                }
                .company-date{
                  color: rgb(168, 167, 167);
                }
              }
            }
            
            .job-right{
              width: 200px;
            }
          }

          .null{
            color:#666;
            font-size:20px;
            text-align:center;
            height: 100px;
            line-height: 100px;
          }
        }
      }

      ::v-deep .el-pagination{
        width: 500px;
        margin: 30px auto;
    }
    }
    // 底部
    .home-footer{
      width: 100%;
      background-color: white;
      display: flex;
      justify-content: center;
      margin-bottom: 20px;
    }
  }